<template>
	<view class="">
		<uni-nav-bar left-icon="arrowthinleft" title="我的预定" :border="false" :fixed="true" bg="bg-fff" color="#333" @clickLeft="goBack()"></uni-nav-bar>
		<view class="bg-f7f7f7 w100" style="height: 10rpx;"></view>
		<!-- 列表 -->
		<view class="bg-fff solid-bottom padding-y-10 padding-x-24 flex align-center justify-between" v-for="(item,index) in list" :key="index" >
			<view class="flex1 margin-right-24">
				<view class="text-cut fs-28 color-333 fw-600">{{item.pid_name}}</view>
				<view class="color-fuse fs-26">{{item.pid_name}}号{{item.room_name}}</view>
				<view class="margin-top-10  fs-24 color-999">{{item.create_time}}</view>
			</view>
			<image class="goods_img radius10" :src="item.room_img" ></image>
		</view>
		
		<!-- <view class="nomore" :class="loadStatus" v-if="list.length"></view> -->
		<empty v-if="list.length < 1"></empty>
		
		<!-- 列表end -->
	</view>
</template>

<script>
	export default{
		data(){
			return{
				list:[]
			}
		},
		onShow() {
			this.init()
		},
		methods:{
			init(){
				this.$api.my_order().then(res=>{
					if(res.code==1){
						this.list=res.data.data
					}
				})
			}
		}
	}
</script>

<style scoped lang="scss">
	.goods_img{width: 280rpx;height: 180rpx;border-radius: 10rpx;}
</style>
